<template>
  <div>
    <router-link to="/home">首页</router-link>&nbsp;
    <router-link to="/movie/1/绿皮书">绿皮书</router-link>&nbsp;
    <router-link to="/movie/3/长津湖">长津湖</router-link>&nbsp;
    <router-link to="/movie/7/钢铁侠">钢铁侠</router-link>&nbsp;
    <router-link to="/music?id=2&name=张学友">张学友</router-link>&nbsp;
    <router-link to="/music?id=2&name=张国荣">张国荣</router-link>&nbsp;
    <router-link to="/about">关于</router-link>&nbsp;
    <router-link to="/about/me">关于我</router-link>&nbsp;
    <router-link to="/about/you">关于你</router-link>
    <!-- 下面的标签就是一个占位符，用于展示子组件 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
.router-link-exact-active {
  color: red;
  text-decoration: none;
}
</style>
